import Vue from "vue";
import App from "./App.vue";
import router from "./router/index.js";
import store from "./store/index";
import TypeNav from "./component/TypeNav/index";
import Swiper from "@/component/Swiper";
import Pagination from '@/component/Pagination'
// import request from "./request/request";

import { Button, Dialog ,Message} from "element-ui";

Vue.use(Button);
Vue.use(Dialog);
Vue.prototype.$message = Message;

import "@/mock";

// 这些数据不会再network上存在，只是axios发起请求被mock拦截后，mock在发起响应，整个过程不会金国服务器，所以不会有真实请求
// 可以通过返回值确认是否发送成功没有
// import { reqBannerList } from "@/api";
// const re = reqBannerList(); // 调取
// console.log(re, "mock");


Vue.config.productionTip = false;

// 全局注册TypeNav组件： 把TypeNav设置成全局组件，需要及性能全局注册
Vue.component("TypeNav", TypeNav);
Vue.component("Swiper", Swiper);
Vue.component("Pagination", Pagination);

// try {
//   const re = request.get("/api/product/getBaseCategoryList");
//   console.log(re);
// } catch(e){
//   console.log('123')
// }
new Vue({
  render: (h) => h(App),
  router: router,
  store,

  // 全局事件总线的设置
  beforeCreate() {
    Vue.prototype.$bus = this;
  },
}).$mount("#app");

// swiper 请求mock数据
// 轮播图图片列表设置
// search 页面重新渲染
// 页面传参参数修改，重新导航

// 品牌搜索栏选择商品：及商品删除
// 品牌的属性删改
// 设置页码

// 设置detail页面路由页面初始化
// 设置面包屑导航路径
// 设置小图列表和右侧商品属性栏数据

// 计算盒子和大图显示关系，展示图片
// 小图列表和大图连动展示，以及左右按钮滑动图片（swiper)

// 销售属性切换和 商品数量添加，累加累减

// 加入购物车 配置 及购物车设置
// 购物车